<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">

<head>
	<!-- 页面meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>商品编辑</title>
	<!-- Tell the browser to be responsive to screen width -->
	<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

	<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
	<link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
	<link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>

	<!-- 富文本编辑器 -->
	<link rel="stylesheet" href="../plugins/kindeditor/themes/default/default.css" />
	<script charset="utf-8" src="../plugins/kindeditor/kindeditor-min.js"></script>
	<script charset="utf-8" src="../plugins/kindeditor/lang/zh_CN.js"></script>

	<script src="../plugins/angularjs/angular.min.js"></script>
	<script src="../js/module/common.js"></script>
	<script src="../js/service/goodsManagementService.js"></script>
	<script src="../js/service/goodsCategoryService.js"></script>
	<script src="../js/service/uploadFileService.js"></script>
	<script src="../js/service/goodsTemplateService.js"></script>
	<script src="../js/controller/commonController.js"></script>
	<script src="../js/controller/goodsManagementController.js"></script>
</head>

<body class="hold-transition skin-red sidebar-mini" ng-app="diploma" ng-controller="goodsManagementController" ng-init="selectItemCat1List();findOne()">

<!-- 正文区域 -->
<section class="content">
	<div class="box-body">
		<!--tab页-->
		<div class="nav-tabs-custom">
			<!--tab头-->
			<ul class="nav nav-tabs">
				<li class="active">
					<a href="#home" data-toggle="tab">商品基本信息</a>
				</li>
				<li >
					<a href="#pic_upload" data-toggle="tab">商品图片</a>
				</li>
				<li >
					<a href="#customAttribute" data-toggle="tab">扩展属性</a>
				</li>
				<li >
					<a href="#spec" data-toggle="tab" >规格</a>
				</li>
			</ul>
			<!--tab头/-->

			<!--tab内容-->
			<div class="tab-content">
				<!--表单内容-->
				<div class="tab-pane active" id="home">
					<div class="row data-type">
						<div class="col-md-2 title">商品分类</div>
						<div class="col-md-10 data">
							<table>
								<tr>
									<td>
										<select class="form-control" ng-model="entity.dpGoods.category1Id" ng-options="item.id as item.name for item in itemCat1List">
										</select>
									</td>
									<td>
										<select class="form-control select-sm"  ng-model="entity.dpGoods.category2Id" ng-options="item.id as item.name for item in itemCat2List"></select>
									</td>
									<td>
										<select class="form-control select-sm" ng-model="entity.dpGoods.category3Id" ng-options="item.id as item.name for item in itemCat3List"></select>
									</td>
									<td>
										模板ID:{{entity.dpGoods.typeTemplateId}}
									</td>
								</tr>
							</table>

						</div>


						<div class="col-md-2 title">商品名称</div>
						<div class="col-md-10 data">
							<input type="text" class="form-control" ng-model="entity.dpGoods.goodsName"   placeholder="商品名称" value="">
						</div>

						<div class="col-md-2 title">品牌</div>
						<div class="col-md-10 data">
							<select class="form-control" ng-model="entity.dpGoods.brandId" ng-options="brand.id as brand.text for brand in brandList"></select>
						</div>

						<div class="col-md-2 title">副标题</div>
						<div class="col-md-10 data">
							<input type="text" class="form-control"  ng-model="entity.dpGoods.caption" placeholder="副标题" value="">
						</div>

						<div class="col-md-2 title">价格</div>
						<div class="col-md-10 data">
							<div class="input-group">
								<span class="input-group-addon">¥</span>
								<input type="text" class="form-control" ng-model="entity.dpGoods.price" placeholder="价格" value="">
							</div>
						</div>

						<div class="col-md-2 title editer">商品介绍</div>
						<div class="col-md-10 data editer">
							<textarea name="content" style="width:800px;height:400px;visibility:hidden;" ></textarea>
						</div>

						<div class="col-md-2 title rowHeight2x">包装列表</div>
						<div class="col-md-10 data rowHeight2x">

							<textarea rows="4"  class="form-control"  ng-model="entity.dpGoodsDesc.packageList" placeholder="包装列表"></textarea>
						</div>

						<div class="col-md-2 title rowHeight2x">售后服务</div>
						<div class="col-md-10 data rowHeight2x">
							<textarea rows="4"  class="form-control"  ng-model="entity.dpGoodsDesc.saleService"    placeholder="售后服务"></textarea>
						</div>
					</div>
				</div>

				<!--图片上传-->
				<div class="tab-pane" id="pic_upload">
					<div class="row data-type">
						<!-- 颜色图片 -->
						<div class="btn-group">
							<button type="button" class="btn btn-default" title="新建" ng-click="image_entity={}" data-target="#uploadModal" ng-click="image_entity={}" data-toggle="modal"  ><i class="fa fa-file-o"></i> 新建</button>

						</div>
						<table class="table table-bordered table-striped table-hover dataTable">
							<thead>
							<tr>
								<th class="sorting">颜色</th>
								<th class="sorting">图片</th>
								<th class="sorting">操作</th>
							</thead>
							<tbody>
							<tr ng-repeat="pojo in entity.dpGoodsDesc.itemImages">
								<td>
									{{pojo.color}}
								</td>
								<td>
									<img alt="" src="{{pojo.url}}" width="100px" height="100px">
								</td>
								<td> <button type="button" class="btn btn-default" title="删除" ng-click="removeImage($index)" ><i class="fa fa-trash-o"></i> 删除</button></td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>

				<!--扩展属性-->
				<div class="tab-pane" id="customAttribute">
					<div class="row data-type">
						<div ng-repeat="pojo in entity.dpGoodsDesc.customAttributeItems">
							<div class="col-md-2 title">{{pojo.text}}</div>
							<div class="col-md-10 data">
								<input class="form-control" ng-model="pojo.value" placeholder="{{pojo.text}}">
							</div>
						</div>
					</div>
				</div>

				<!--规格-->
				<div class="tab-pane" id="spec">
					<p>
					<div>
						<div class="row data-type">
							<div ng-repeat="pojo in specIdAndOptionList">
								<div class="col-md-2 title">{{pojo.text}}</div>
								<div class="col-md-10 data">
									<span ng-repeat="option in pojo.options">
										<input  type="checkbox" ng-checked="checkAttribute(pojo.text,option.optionName)"
												ng-click="updateSpecifitionAttribute($event,pojo.text,option.optionName);createItemList()">{{option.optionName}}
									</span>

								</div>
							</div>
						</div>
						<div class="row data-type">
							<table class="table table-bordered table-striped table-hover dataTable">
								<thead>
									<tr>
										<th  ng-repeat=" item1 in entity.dpGoodsDesc.specificationItems"
											 class="sorting">{{item1.attributeName}}</th>
										<th class="sorting">价格</th>
										<th class="sorting">库存</th>
										<th class="sorting">是否上架</th>
										<th class="sorting">是否默认</th>
									</tr>
								</thead>
								<tbody>
									<tr ng-repeat=" pojo1 in entity.dpItemList">
										<td ng-repeat="item1 in entity.dpGoodsDesc.specificationItems">
											{{pojo1.spec[item1.attributeName]}}
										</td>
										<td>
											<input class="form-control" ng-model="pojo1.price" placeholder="价格">
										</td>
										<td>
											<input class="form-control" ng-model="pojo1.num" placeholder="库存数量">
										</td>
										<td>
											<input type="checkbox" ng-model="pojo1.status"  ng-true-value="1" ng-false-value="0">
										</td>
										<td>
											<input type="checkbox" ng-model="pojo1.isDefault" ng-true-value="1" ng-false-value="0">
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!--tab内容/-->
			<!--表单内容/-->
		</div>
	</div>
	<div class="btn-toolbar list-toolbar">
		<button class="btn btn-primary" ng-click="save()"><i class="fa fa-save"></i>保存</button>
		<a class="btn btn-default" href="goods.html">返回列表</a>
	</div>
</section>


<!-- 上传窗口 -->
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h3 id="myModalLabel">上传商品图片</h3>
			</div>
			<div class="modal-body">

				<table class="table table-bordered table-striped">
					<tr>
						<td>颜色</td>
						<td><input  class="form-control" placeholder="颜色" ng-model="image_entity.color">  </td>
					</tr>
					<tr>
						<td>商品图片</td>
						<td>
							<table>
								<tr>
									<td>
										<input type="file" id="file" />
										<button class="btn btn-primary" type="button" ng-click="uploadFile()">
											上传
										</button>
									</td>
									<td>
										<img  src="{{image_entity.url}}" width="200px" height="200px">
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</div>
			<div class="modal-footer">
				<button class="btn btn-success"  data-dismiss="modal" aria-hidden="true" ng-click="addPictureList()">保存</button>
				<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
			</div>
		</div>
	</div>
</div>


<!-- 正文区域 /-->
<script type="text/javascript">
	var editor;
	KindEditor.ready(function(K) {
		editor = K.create('textarea[name="content"]', {
			allowFileManager : true
		});
	});
</script>

</body>

</html>
